*{
    margin: 0px;
    padding: 0px;
}
html,body,.main{
    width: 100%;
    height: 100%;
}
.header{
    height: 566px;
    width: 100%;
    /*background-color: pink;*/
    background-image: url('../img/bg_header@1x.jpg');
    background-position: center 0;
    /*position: relative;*/
    background-size: 100% 100%;
}
/*页面顶部*/
.header_top{
    width: 92%;
    height: 50px;
    /*background-color: red;*/
    margin: 0 auto;
    position: relative;
    top: 36px;
}

/*地址*/
.city{
    display: inline-block;
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    margin-top: 12px;
    cursor: pointer;
    border-radius: 14px;
    font-size: 14px;
    text-decoration: none;
    border: 2px solid #fff;
    /*float: left;*/
}
a{
    color: #fff;
    text-decoration: none;
}
a:focus{
    outline: none;
}
/*所在城市*/
.address{
    width: 20px;
    height: 15px;
    cursor: pointer;
}
/*导航栏*/
.header_top_center{
    float: right;
    line-height: 50px;
}
/*登录靠右*/
.header_top_right{
    float: right;
    line-height: 50px;
}
/*登录居中*/
.login{
    font-size: 17px;
    line-height: 50px;
    font-weight: bold;
}
/*用户头像*/
.user_img{
    width: 26px;
    height: 26px;
    /*margin-top: 12px;*/
    line-height: 50px;
    position: relative;
    top:6px;
}
/*导航栏列表样式*/
.header_top_center li{
    display: inline-block;
    line-height: 0px;
    font-weight: bold;
    font-size: 17px;
    margin-right: 15px;
}
/*头部中间样式*/
.header_center{
    /*width: 76%;*/
    width: 1150px;
    height: 300px;
    margin: 0 auto;
    /*background-color: pink;*/
    padding-top: 150px;
}
/*小喇叭框*/
.header_bottom{
    width: 1150px;
    height: 20px;
    color: #fff;
    line-height: 20px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 25px;
}
/*找真房源字*/
.small_title{
    height: 28px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 400;
    color: #fff;
}
/*开始寻找字*/
.big_title{
    text-align: left;
    color: #fff;
    padding-top: 15px;
    font-size: 66px;
    font-weight: 600;
    line-height: 68px;
}
/*搜索框*/
.search_box{
    position: relative;
    margin-top: 25px;
}
/*搜索框上面箭头*/
.search_box i{
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    width: 0;
    height: 0;
    position: absolute;
    top: 27px;
    left: 23px;
    border-bottom: 10px solid #fff;
}
/*搜索框清除样式*/
.search_clear{
    clear: both;
    position: relative;
    width: 590px;
}
/*.searchBox_clear{
    position: relative;
}*/
/*导航栏格式*/
.menu li{
    display: inline-block;
    line-height: 0px;
    font-weight: bold;
    font-size: 17px;
    margin-right: 15px;
    color: #fff;
}
/*搜索框*/
.box{
    margin-top: 15px;
    background: #fff;
    border-radius: 4px;
    clear: both;
    height: 50px;
    box-shadow: 1px 0 5px rgba(0,0,0,0.2);
}




/*小喇叭数字样式*/
.house_num ul{
    float: left;
    height: 20px;
    overflow: hidden;
    font-size: 14px;
}
/*我是业主弹框*/
.owner_serve{
    width: 100px;
    position: absolute;
    top: 15px;
    text-align: center;
    display: none;
}
/*我是业主悬浮显示*/
.owner:hover > .owner_serve{
    display: block;
}
/*我是业主悬浮显示内容*/
.show_serve{
    position: relative;
    cursor: none;
    width: 120px;
    /*height: 25px;*/
    line-height: 25px;
    top: 30px;
    right: 24px;
    background: #fff;
    border-radius: 6px;
}
/*我是业主弹框链接样式*/
.show_serve a{
    font-size: 18px;
    color: #101d37;
    padding-bottom: 10px;
}
/*下载弹框*/
.download{
    width: 120px;
    position: absolute;
    top: 30px;
    text-align: center;
    display: none;
}
/*下载鼠标悬浮显示*/
.list_down:hover > .download {
    display: block;
}
/*下载APP弹框样式*/
.down_APP{
    padding: 52px 0 32px 0;
    cursor: default;
    width: 200px;
    color: #101d37;
    background: #fff;
    position: relative;
    top: 30px;
    right: 60px;
    border-radius: 6px;
}
/*下载弹框图标*/
.icon_download{
    background-image: url('images/logo.png');
    background-position: 0 0;
    width: 72px;
    height: 72px;
    margin: 0 auto;
}
/*下载弹框标题*/
.down_title{
    padding-top: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    font-weight: 600px;
}
/*下载弹框小标题*/
.down_subtitle{
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    margin-bottom: 20px;
}
/*下载弹框二维码*/
.download_img{
    width: 120px;
    height: 120px;
}
/*内容区*/
.content{
    width: 1500px;
    margin: 0 auto;
}
/*内容区栏目样式*/
.content_kind{
    width: 78%;
    height: 412px;
    margin: 80px auto;
    /*margin-top: 80px;*/
    margin-bottom: 80px;

    /*background-color: lightblue;*/
}
/*内容小标题二手好房等*/
.content_title{
    height: 50px;
    font-size: 36px;
    line-height: 50px;
    color: #101d37;
    font-weight: 600;
}
/*房屋介绍框*/
.content_intro{
    width: 100%;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 20px;
}
/*房屋介绍几室几厅*/
.content_intro_left{
    color: #9399a5;
}
/*房屋介绍价钱*/
.content_intro_right{
    color: #3072f6;
    font-weight: 600;
    float: right;
    margin-right: 50px;
}
.content_main{
    display: flex;
    justify-content: center;
    align-items: center;
}
/*4张图片的栏目*/
.content_main_one{
    margin-right: 25px;
    width: 265px;
    height: 315px;
    position: relative;
    float: left;
}
/*3张图片的栏目*/
.content_main_two{
    margin-right: 25px;
    width: 364px;
    height: 336px;
    position: relative;
    float: left;
}
/*房屋地址字体*/
.house_name{
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 700;
    color: #222;
    overflow: hidden;
}
/*房屋名称样式*/
.house_info{
    margin-top: 10px;
    font-size: 12px;
    color: #616669;
    overflow: hidden;
}
/*海外房产地址*/
.outhouse_info{
    margin-top: 10px;
    font-size: 12px;
    color: #222;
    overflow: hidden;
}
/*小区和新房栏目图片*/
.big_img{
    width: 364px;
    height: 272px;
    border-radius: 4px;
}
/*外国房屋图片*/
.outhouse_img{
    width: 265px;
    height: 205px;
    border-radius: 4px;
}
/*房屋价格*/
.house_price{
    font-weight: 700;
    float: right;
    font-size: 16px;
    color: #fa5741;
}
/*优选好房角标*/
.goodhouse{
    width: 86px;
    height: 30px;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    background-color: red;
}
/*新房图中文字样式*/
.new_house_name{
    font-size: 24px;
    color: #fff;
    position: absolute;
    left: 32%;
    top: 32%;
    font-weight: 600;
}
/*美元*/
.doller{
    position: absolute;
    right: 16px;
    bottom: 150px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}
/*换算人民币*/
.rmb{
    position: absolute;
    right: 16px;
    bottom: 130px;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #f9bd67;
}
/*页面底部整体样式*/
.footer{
    width: 78%;
    min-height: 437px;
    /*background-color: pink;*/
    margin: 0 auto;
    border-top: 1px solid #e4e6f0;
}
/*底部三个按钮*/
.footer_title{
    width: 100%;
    padding: 32px 0 0 0;
    font-size: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}
/*底部三个按钮列表样式*/
.footer_title li{
    float: left;
    padding: 0 25px;
    line-height: 54px;
    border: 1px solid #d9d6d6;
    border-radius: 5px;
    display: inline;
    font-weight: 700;
}
/*底部按钮字体颜色*/
.footer_title li > a{
    color: #222;
}
/*官方客服咨询样式*/
.footer_title_right > a{
    float: right;
    font-weight: 600;
    color: #3072F6;
}
/*底部链家链接盒子*/
.lianjia_link_box{
    width: 1150px;
}
/*链接盒子内容*/
.lianjia_content{
    width: 1000px;
}
/*链家列表*/
.lianjia_nav{
    color: #101d37;
    cursor: pointer;
}
.lianjia_nav_list{
    overflow: hidden;
}
.lianjia_nav_list li{
    display: inline-block;
    list-style: none;
    /*overflow: hidden;*/
}
/*弹框链接鼠标悬浮下划线*/
.lianjia_nav a:hover{
    text-decoration: underline;
}
/*城市二手房鼠标悬浮显示*/
.city_ershou:hover  > .city_ershou_mes{
    display: block;
}
.city_ershou{
    float: left;
}
.city_ershou_mes{
    display: none;
    /*position: relative;*/
}
/*房产资讯鼠标悬浮显示*/
.house_mes:hover > .house_mes_mes{
    display: block;
}
.house_mes{
    float: left;
}
.house_mes_mes{
    display: none;
    /*position: relative;*/
}
/*城区二手房鼠标悬浮显示*/
.cityin_ershou:hover  > .cityin_ershou_mes{
    display: block;
}
.cityin_ershou{
    float: left;
}
.cityin_ershou_mes{
    display: none;
}
/*城区租房鼠标悬浮显示*/
.city_zf:hover  > .city_zf_mes{
    display: block;
}
.city_zf{
    float: left;
}
.city_zf_mes{
    display: none;
}
/*城区小区鼠标悬浮显示*/
.city_xq:hover  > .city_xq_mes{
    display: block;
}
.city_xq{
    float: left;
}
.city_xq_mes{
    display: none;
}
/*热门小区鼠标悬浮显示*/
.hot_xq:hover  > .hot_xq_mes{
    display: block;
}
.hot_xq{
    float: left;
}
.hot_xq_mes{
    display: none;
}
/*热门问答鼠标悬浮显示*/
.hot_wd:hover  > .hot_wd_mes{
    display: block;
}
.hot_wd{
    float: left;
}
.hot_wd_mes{
    display: none;
}
/*热门百科鼠标悬浮显示*/
.hot_bk:hover  > .hot_bk_mes{
    display: block;
}
.hot_bk{
    float: left;
}
.hot_bk_mes{
    display: none;
}
/*合作伙伴鼠标悬浮显示*/
.parter:hover  > .parter_mes{
    display: block;
}
.parter{
    float: left;
}
.parter_mes{
    display: none;
}
/*城市二手房弹框样式*/
.city_ershou_mes  > dd > a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px auto;
}
/*房产资讯弹框样式*/
.house_mes_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*城区二手房弹框样式*/
.cityin_ershou_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*城区租房弹框样式*/
.city_zf_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*城区小区弹框样式*/
.city_xq_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*热门小区弹框样式*/
.hot_xq_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*热门问答弹框样式*/
.hot_wd_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*热门百科弹框样式*/
.hot_bk_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}
/*合作伙伴弹框样式*/
.parter_mes >dd >a{
    color: #B7BBC3;
    cursor: pointer;
    display: inline-block;
    margin: 3px 5px auto;
}

/*银行部分整体样式*/
.bank{
    margin-top: 24px;
    width: 1150px;
    height: 60px;
    margin-bottom: 20px;
}
/*银行标志去除li前的点*/
.bank li{
    list-style: none;
}
/*银行图标*/
.bank > ul > li > img{
    height: 40px;
    float: left;
    margin-right: 40px;
}
/*底部页面安全字体样式*/
.footer_bottom{
    font-size: 14px;
    color: #b7bbc3;
    line-height: 20px;
}
/*底部页面安全链接字体颜色*/
.footer_bottom > a{
    color: #b7bbc3;
}
/*底部页面安全链接鼠标悬浮下划线*/
.footer_bottom a:hover{
    text-decoration: underline;
}